<!-- njk继承模板  -->
{% extends "../../../layout/fillingTeeth/fillingTeeth.html" %} {% block content
%}
<div class="fillingTeeth_box">
  <div class="over-box">
    <span class="time">3</span>
    <img src="../../image/9/timer.png" alt="" srcset="" />
  </div>
  <div class="teeth_tilte"><img src="../../image/title.png" /></div>

  <div class="content_box">
    <img src="../../image/9/外层大嘴.png" alt="" srcset="" class="people" />
    <img
      src="../../image/9/内层口腔底色.png"
      alt=""
      srcset=""
      class="bottom_color"
    />
    <img
      src="../../image/9/中层空牙.png"
      alt=""
      srcset=""
      class="bottom_color null-tooth"
    />
    <div id="tooth-arr">
      <img
        src="../../image/9/top/top1.png"
        alt=""
        srcset=""
        class="tooth1 teeth"
      />

      <img
        src="../../image/9/top/top2.png"
        alt=""
        srcset=""
        class="tooth2 teeth"
      />
      <img
        src="../../image/9/top/top3.png"
        alt=""
        srcset=""
        class="tooth3 teeth"
      />
      <img
        src="../../image/9/top/top4.png"
        alt=""
        srcset=""
        class="tooth4 teeth"
      />
      <img
        src="../../image/9/top/top5.png"
        alt=""
        srcset=""
        class="tooth5 teeth"
      />
      <img
        src="../../image/9/top/top6.png"
        alt=""
        srcset=""
        class="tooth6 teeth"
      />

     
    </div>
    <div id="tooth-arr-bottom">
        <img
        src="../../image/9/bottom/bottom1.png"
        alt=""
        srcset=""
        class="tooth1 teeth"
      />
        <img
        src="../../image/9/bottom/bottom2.png"
        alt=""
        srcset=""
        class="tooth2 teeth"
      />
        <img
        src="../../image/9/bottom/bottom3.png"
        alt=""
        srcset=""
        class="tooth3 teeth"
      />
        <img
        src="../../image/9/bottom/bottom4.png"
        alt=""
        srcset=""
        class="tooth4 teeth"
      />
        <img
        src="../../image/9/bottom/bottom5.png"
        alt=""
        srcset=""
        class="tooth5 teeth"
      />
        <img
        src="../../image/9/bottom/bottom6.png"
        alt=""
        srcset=""
        class="tooth6 teeth"
      />
    </div>
  </div>

  <div class="bottom-box">
    <img src="../../image/9/秒数.png" alt="" srcset="" class="" />
    <img src="../../image/9/颗数.png" alt="" srcset="" class="" />
    <span class="ready-timer"> 20 </span>
    <span class="ready-tooth"> 0 </span>
  </div>

  <div class="report">
    <img class="report_level" src="../../image/9/level1.png" alt="" srcset="" />
    <img class="report_level" src="../../image/9/level2.png" alt="" srcset="" />
    <img class="report_level" src="../../image/9/level3.png" alt="" srcset="" />
    <img class="report_level" src="../../image/9/level4.png" alt="" srcset="" />
    <div class="report_teeth_number">20</div>
    <div class="btn">
      <img class="reset btnSoundOpen" src="../../image/9/按钮 右.png" alt="" srcset="" />
      <img class="openLink btnSoundOpen" src="../../image/9/按钮 左.png" alt="" srcset="" />
    </div>
  </div>
  <audio id="toothSound">
    <source src="../../sound/tooth.wav" type="audio/wav" />
  </audio>
  <audio id="playSound">
    <source src="../../sound/play.mp3" type="audio/mpeg" loop/>
  </audio>
</div>
{% endblock %}
